.flex-J-SB {
  display: flex;
  justify-content: space-between;
}
.flex-J-SA {
  display: flex;
  justify-content: space-around;
}
.flex-J-SE {
  display: flex;
  justify-content: space-evenly;
}
.flex-J-C {
  display: flex;
  justify-content: center;
}
.flex-A-C {
  display: flex;
  align-items: center;
  align-content: center;
}

.info-layout {
  display: grid;
  grid-template-columns: auto 1fr 1fr;
  align-items: center;
  gap: var(--gap-sm);
  & > * {
    &:nth-child(3n + 1) {
      justify-self: start;
    }
    &:nth-child(3n + 3) {
      justify-self: end;
    }
  }
}
.list-layout {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  justify-items: center;
  gap: var(--gap-sm);
  & > * {
    text-align: center;
    &:nth-child(3n + 1) {
      justify-self: start;
    }
    &:nth-child(3n + 3) {
      justify-self: end;
    }
  }
}

.auto-mt {
  & > * + * {
    margin-top: var(--gap-sm);
  }
}
.auto-ml {
  & > * + * {
    margin-left: var(--gap-sm);
  }
}
.T-S-xs {
  font-size: var(--T-S-xs);
}
.T-S-sm {
  font-size: var(--T-S-sm);
}
.T-minor {
  color: var(--C-T2);
}
/* 文字单行省略号 */
.T-omit {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 文字多行省略号 */
.T-omit-many {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
}

/* 文字多了自動換行 */
.T-break {
  word-break: break-all;
  word-wrap: break-word;
}
.T-nowrap {
  white-space: nowrap;
}

.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s ease;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.price {
  color: var(--C-B2);
  font-weight: 600;
}
.active:active {
  filter: brightness(80%) invert(0.2) opacity(0.8);
}
//斜面立体阴影
.bevel {
  --box-show-C: var(--C-O1);
  box-shadow: inset var(--box-show-C) 3rem 3rem 6rem,
    var(--box-show-C) 3rem 3rem 6rem;
}
//长编码class
.code {
  word-break: break-all;
}
// 切换动画
.slide-enter-active,
.slide-leave-active {
  transition: all 0.5s ease;
}

.slide-enter-from,
.slide-leave-to {
  position: absolute !important;
  top: 0;
  transform: translate(50vw);
  opacity: 0;
}
